@model UserProfile
@{
    Layout = "~/Views/Shared/_LayoutPartial.cshtml";
    ViewBag.ImageUrl = "~/Content/Images/icon_user_48.png";
}
<div style="padding: 20px;">
    <table style="width: 100%">
        <tr>
            <td style="width: 64px; vertical-align: top; text-align: center;">
                <div class="ui-corner-all d-avatar" style="display: inline-block;">
                    <img src="@Membership.GetUser(Model.UserName).GetAvatar()" alt="" class="ui-corner-all" />
                </div>
                <div style="font-size: 300%; padding: 10px;">
                    @Model.Points
                </div>
                <div>@Html.Global("RES_POINTS")</div>
            </td>
            <td style="vertical-align: top;">
                <section>
                    <header>
                        @{var _dispName = (!string.IsNullOrEmpty(Model.DisplayName)) ? Model.DisplayName : Model.UserName;}
                        @_dispName
                    </header>
                    <table style="margin-top: 10px; width: 100%;">
                        <tr>
                            <td style="width: 50px; white-space: nowrap;">@Html.Global("RES_GENDAR"):
                            </td>
                            <td>@Model.Gendar
                            </td>
                            <td style="width: 50px; white-space: nowrap;">
                            </td>
                            <td>
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 50px; white-space: nowrap;">@Html.Global("RES_USER_DISPLAYNAME"):
                            </td>
                            <td>@Model.DisplayName
                            </td>
                            <td style="width: 50px; white-space: nowrap;">@Html.Global("RES_REALNAME"):
                            </td>
                            <td>@Model.FirstName @Model.LastName
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 50px; white-space: nowrap;">@Html.Global("RES_PHONE"):
                            </td>
                            <td>
                                @if (!string.IsNullOrEmpty(Model.Phone))
                                {
                                    @Model.Phone
                                }
                                else
                                {
                                    <div>
                                        -</div>
                                }
                            </td>
                            <td style="width: 50px; white-space: nowrap;">@Html.Global("RES_MOBILE"):
                            </td>
                            <td>
                                @if (!string.IsNullOrEmpty(Model.Mobile))
                                {
                                    @Model.Mobile
                                }
                                else
                                {
                                    <div>
                                        -</div>
                                }
                            </td>
                        </tr>
                        <tr>
                            <td style="width: 50px; white-space: nowrap;">@Html.Global("RES_EMAIL"):
                            </td>
                            <td>
                                @if (!string.IsNullOrEmpty(Model.Email))
                                {
                                    @Model.Email
                                }
                                else
                                {
                                    <div>
                                        -</div>
                                }
                            </td>
                            <td style="width: 50px; white-space: nowrap;">@Html.Global("RES_WEBSITE"):
                            </td>
                            <td>
                                @if (!string.IsNullOrEmpty(Model.WebSite))
                                {
                                    <a href="@Model.WebSite" rel="nofollow">@Model.WebSite</a>
                                }
                                else
                                {
                                    <div>
                                        -</div>
                                }
                            </td>
                        </tr>
                        <tr>
                            <td>@Html.Global("RES_FOLLOW_ME")
                            </td>
                            <td colspan="3">
                                <ul class="d-horizontal-list">
                                    <li><a href="http://www.facebook.com/@(Model.Facebook)" target="_blank">
                                        <img src="@Url.Content("~/content/images/icon_facebook_16.png")" alt="facebook" /></a></li>
                                    <li><a href="http://www.twitter.com/@(Model.Twitter)" target="_blank">
                                        <img src="@Url.Content("~/content/images/icon_twitter_16.png")" alt="twitter" /></a></li>
                                    <li><a href="http://plug.google.com/@(Model.LinkedIn)" target="_blank">
                                        <img src="@Url.Content("~/content/images/icon_linkedin.gif")" alt="linkedin" /></a></li>
                                    <li><a href="http://plug.google.com/@(Model.GooglePlus)" target="_blank">
                                        <img src="@Url.Content("~/content/images/icon_google_plus.png")" alt="google" /></a></li>
                                    <li><a href="http://www.skype.com/@(Model.Skype)" target="_blank">
                                        <img src="@Url.Content("~/content/images/icon_skype.png")" alt="skype" /></a></li>
                                </ul>
                            </td>
                        </tr>
                    </table>
                    @UIHelper.SectionHeader(Html.Global("RES_SIGNATURE"), 3)
                    <p>
                        @if (!string.IsNullOrEmpty(Model.Signature))
                        { 
                            @TextEngine.SafeHtml(Model.Signature)
                        }
                    </p>
                </section>
            </td>
        </tr>
    </table>
</div>
